/* banner */
.banner {
  background: transparent;
  overflow: hidden; 

  /* 背景视频 */
  #background {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -99;
  }

  /* 主页文字描述 */
  .box {
    width: 100%;
    margin-top: 8em;

    .title {
      font-size: 3em;
      text-align: center;
      font-family: "OSLight";
      color: #999;

      span {
        font-family: "OSBold";
        color: #fcac45;
      }
    }

    .desc {
        text-align: center;
        font-size: 1.5em;
        color: #999;
        margin-bottom: 15em;

        span {
          font-family: "OSBold";
        }
    }

     /* 更多按钮 */
    .more {
      width: 100%;
      text-align: center;
      margin-bottom: 10em;
      
      a {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        border-radius: 50%;
        font-size: 30px;
        color: #fff;
        text-decoration: none;
        transition: all .1s;

        &:hover {
          box-shadow: 0 0 2px 2px #c3c3c3;
          transform: scale(1.3);
        }
      }
    }

  }

  @media screen and (max-width: 800px) {
    .box{
      .title{
          font-size:2.2em;
          margin-bottom:.5em;
      }
      .desc{
          font-size:1.2em;
          margin-bottom:40vh;
      }
  }
  }
 
}